<template>
    <p>这是一个子子子子子子子子子子组件</p>
    <p>这是父组件传入的信息 --- {{ info }}</p>
    <button @click="changeParentValue">改变父组件</button>

    <input type="text" v-model="name" @input="updateParentValue">
    <p>name 是 {{ name }}</p>
</template>



<script>
export default {
    name: "Children",
    props:{
        info:''
    },
    data(){
        return {
            name:""
        }
    },
    methods:{
        changeParentValue(){
            this.$emit('changeParent', 123)
        },
        updateParentValue(){
            this.$emit('changeParent', this.name)
        }
    }

}

</script>